<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>个人资料修改</title>
		<link href="css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="css/mui.picker.min.css" />
        <link href="css/style.css" rel="stylesheet" />
        <link href="css/skin.css" rel="stylesheet" />
        <script src="js/flexible.js"></script>
	</head>
	<body style="background: none;">
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left pro-icon"></a>
		</header>
		<div class="logo profilelogo"><img src="images/LOGO.gif"/></div>
		<div class="loginfrm profilefrm">
			<form class="mui-input-group">
				<div class="mui-input-row">
					<label>用户通行证</label>
					<input type="text" class="inp reinp" value="rebon_md">
				</div>
				<div class="mui-input-row">
					<label>用&nbsp;&nbsp;户&nbsp;&nbsp;名</label>
					<input type="text" class="inp" value="测试门店" placeholder="请输入用户名">
				</div>
				<div class="mui-input-row">
					<label>性　　别</label>
					<button type="button" class='mui-btn timebtn' id="showUserPicker">请选择性别</button>
				</div>
				<div class="mui-input-row">
					<label>编　　号</label>
					<input type="text" class="inp" value="" placeholder="请输入编号">
				</div>
				<div class="mui-input-row">
					<label>电　　话</label>
					<input type="number" class="inp" value="" placeholder="请输入电话">
				</div>
				<div class="mui-input-row">
					<label>手　　机</label>
					<input type="number" class="inp" value="15067165614" placeholder="请输入电话">
				</div>
				<div class="mui-input-row">
					<label>Q　　Q</label>
					<input type="text" class="inp" value="" placeholder="请输入qq">
				</div>
				<div class="mui-input-row">
					<label>邮　　箱</label>
					<input type="email" class="inp" value="" placeholder="请输入邮箱">
				</div>
				<div class="mui-button-row">
					<button type="button" class="mui-btn">保 存</button>
				</div>
			</form>
		</div>
		<script src="js/mui.min.js"></script>
		<script src="js/mui.picker.min.js"></script>
		<script>
			(function() {
				mui.init();
				mui.ready(function() {
					//普通示例
					var userPicker = new mui.PopPicker();
					userPicker.setData([{
						value: '0',
						text: '未知'
					}, {
						value: '1',
						text: '男'
					}, {
						value: '2',
						text: '女'
					}]);
					var showUserPickerButton = document.getElementById('showUserPicker');
					showUserPickerButton.addEventListener('tap', function(event) {
						userPicker.show(function(items) {
							//console.log(JSON.stringify(items[0]));
							showUserPickerButton.innerText=items[0].text；
							//返回 false 可以阻止选择框的关闭
							//return false;
						});
					}, false);
				});
			})();
		</script>
	</body>
</html>
